/* For information on how to create your own theme, please see:
http://ionicframework.com/docs/theming/ */




/* Material Design 主题变量 */
:root {
    /* 主色调 */
    --ion-color-primary: #6200ee;
    --ion-color-primary-rgb: 98, 0, 238;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255, 255, 255;
    --ion-color-primary-shade: #5600d1;
    --ion-color-primary-tint: #721af0;
  
    /* 次要色调 */
    --ion-color-secondary: #03dac6;
    --ion-color-secondary-rgb: 3, 218, 198;
    --ion-color-secondary-contrast: #000000;
    --ion-color-secondary-contrast-rgb: 0, 0, 0;
    --ion-color-secondary-shade: #03c0af;
    --ion-color-secondary-tint: #1cdecc;
  
    /* 语义色调 */
    --ion-color-tertiary: #3700b3;
    --ion-color-tertiary-rgb: 55, 0, 179;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
    --ion-color-tertiary-shade: #30009e;
    --ion-color-tertiary-tint: #4b1abb;
  
    --ion-color-success: #2e7d32;
    --ion-color-success-rgb: 46, 125, 50;
    --ion-color-success-contrast: #ffffff;
    --ion-color-success-contrast-rgb: 255, 255, 255;
    --ion-color-success-shade: #286e2c;
    --ion-color-success-tint: #438a46;
  
    --ion-color-warning: #f57c00;
    --ion-color-warning-rgb: 245, 124, 0;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb: 0, 0, 0;
    --ion-color-warning-shade: #d86d00;
    --ion-color-warning-tint: #f6891a;
  
    --ion-color-danger: #b00020;
    --ion-color-danger-rgb: 176, 0, 32;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255, 255, 255;
    --ion-color-danger-shade: #9b001c;
    --ion-color-danger-tint: #b81a36;
  
    /* 中性色调 */
    --ion-color-medium: #666666;
    --ion-color-medium-rgb: 102, 102, 102;
    --ion-color-medium-contrast: #ffffff;
    --ion-color-medium-contrast-rgb: 255, 255, 255;
    --ion-color-medium-shade: #5a5a5a;
    --ion-color-medium-tint: #757575;
  
    /* 表面色调 */
    --ion-color-light: #f5f5f5;
    --ion-color-light-rgb: 245, 245, 245;
    --ion-color-light-contrast: #000000;
    --ion-color-light-contrast-rgb: 0, 0, 0;
    --ion-color-light-shade: #d8d8d8;
    --ion-color-light-tint: #f6f6f6;
  
    /* Material Design 特定变量 */
    --ion-background-color: #ffffff;
    --ion-background-color-rgb: 255, 255, 255;
    --ion-text-color: #212121;
    --ion-text-color-rgb: 33, 33, 33;
    --ion-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
    
    /* 阴影和高度 */
    --ion-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    --ion-border-radius: 4px;
    
    /* 动画曲线 */
    --ion-transition: cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  /* Material Design 组件样式 */
  ion-button {
    --border-radius: var(--ion-border-radius);
    --box-shadow: var(--ion-shadow);
    --transition: all 0.2s var(--ion-transition);
  }
  
  ion-card {
    --border-radius: 8px;
    --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin: 16px;
  }
  
  ion-item {
    --border-radius: 0;
    --padding-start: 16px;
    --padding-end: 16px;
    --inner-padding-end: 16px;
  }
  
  /* Material Design 波纹效果 */
  ion-button::part(native) {
    overflow: hidden;
    position: relative;
  }
  
  .ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    transform: scale(0);
    animation: ripple-animation 0.6s linear;
  }
  
  @keyframes ripple-animation {
    to {
      transform: scale(4);
      opacity: 0;
    }
  }